<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
     xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui">
	 <ui:composition template="/templates/padrao.xhtml">
		<ui:define name="barraTitulo">Cadastro de Empresa</ui:define>
		<ui:define name="conteudo">
			<h:form id="form">
				<p:growl id="messages" />
				<p:tabView id="divTabView">
					<p:tab title="Cadastro">
						<h:panelGrid columns="2" columnClasses="alinhaDir width110">

							<h:column>
							</h:column>
							<h:column >
							</h:column>
							
							<h:column >
								<h:outputText value="Descricao:" styleClass=""/>
							</h:column>
							<h:column >
								<h:inputText  value="#{controleEmpresa.empresa.descricao}" size="50" maxlength="50"/>
							</h:column>
							
							<h:column >
								<h:outputText value="Email:" styleClass=""/>
							</h:column>
							<h:column>
								<h:inputText  value="#{controleEmpresa.empresa.email}" size="100"/>
							</h:column>
											
							<h:column >
								<h:outputText value="Endereco:" styleClass=""/>
							</h:column>
							<h:column >
								<h:inputText  value="#{controleEmpresa.empresa.endereco.logradouro}" size="70" maxlength="100"/>
								<h:outputText value="Numero:" styleClass=""/>&nbsp;
								<h:inputText  value="#{controleEmpresa.empresa.endereco.numero}" size="8" maxlength="10"/>
							</h:column>

							<h:column >
								<h:outputText value="Complemento" styleClass=""/>
							</h:column>
							<h:column >
								<h:inputText  value="#{controleEmpresa.empresa.endereco.complemento}" size="70" maxlength="50"/>
							</h:column>

							
							<h:column >
								<h:outputText value="Bairro:" styleClass=""/>
							</h:column>
							<h:column >
								<h:inputText  value="#{controleEmpresa.empresa.endereco.bairro}" size="25" maxlength="100"/>
								<h:outputText value="Cidade:" styleClass=""/>&nbsp;
								<h:inputText  value="#{controleEmpresa.empresa.endereco.cidade}" size="24" maxlength="100"/>
							</h:column>
							
							<h:column >

								<h:outputText value="CEP:" styleClass=""/>&nbsp;
							</h:column>	
							
							<h:column >
								<h:inputText  value="#{controleEmpresa.empresa.endereco.CEP}" size="8" maxlength="9"/>
								<h:outputText value="UF:" styleClass=""/>&nbsp;
								<h:selectOneMenu value="#{controleEmpresa.empresa.endereco.estado}">  
				                    <f:selectItems value="#{controleEmpresa.UFS}" var="UF" itemLabel="#{UF}" itemValue="#{UF}" />
								</h:selectOneMenu>
							</h:column>							
							
							<h:column>
								<h:outputText value="Usu&aacute;rios:" styleClass=""/>&nbsp;
							</h:column>
							<h:column >
								<h:panelGrid columns="3" columnClasses=",  , width300" >
									<h:column />									
									<p:pickList value="#{controleEmpresa.listaUsuarios}" 
										var="usuario" 
										itemLabel="#{usuario.nome} / #{usuario.login}" 
										itemValue="#{usuario}" 
										converter="converteUsuario"
										iconOnly="true" effect="bounce">
										<f:facet name="sourceCaption">Todos os Usu&aacute;rios</f:facet>  
										<f:facet name="targetCaption">Usu&aacute;rios Selecionados</f:facet> 
									</p:pickList>
									<h:column />
								</h:panelGrid>
							</h:column>							
							
						</h:panelGrid>
					</p:tab>
				</p:tabView>
				<h:outputLink value="manutencao.jsf">
					<h:graphicImage url="/images/botoes/btnPesquisar.png" class="btnAcoes"/>
				</h:outputLink>
				<h:commandLink action="#{controleEmpresa.gravar}" styleClass="alinhaDir">
					<h:graphicImage url="/images/botoes/btnGravar.png" class="btnAcoes"/>
				</h:commandLink>
			</h:form>
		</ui:define>
	</ui:composition>
</html>